<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/layout/templatePersonaAdministrada.xhtml">
	<style type="text/css">
<!--
body {
	background-color: #858585;
	margin-top: 1cm;
}
-->
</style>
	<ui:define name="body">
		<h:form id="formRegPer">
			<p:panel header="#{personaBM.descTipoPersona}" id="formulario">
				<table width="100%">
					<tr>
						<td width="50%"><c:choose>
								<c:when
									test="#{personaBM.objPersona.tbTipoDocumentoIdentidad.idTipoDocumentoIdentidad=='4'}">

									<h:panelGrid columns="3" cellspacing="10"
										style="margin:0 auto;">
										<h:outputText value="Ruc :" />
										<p:inputMask mask="90999999999"
											disabled="#{personaBM.estText}"
											value="#{personaBM.objPersona.ruc}" id="ruc" maxlength="11"
											required="true"
											requiredMessage="Se necesita el número de ruc" />
										<p:message for="ruc" />

										<h:outputText value="Razón Social:" />
										<h:inputText id="razon" maxlength="40" disabled="true"
											value="#{personaBM.objPersona.razonSocial}" required="true"
											requiredMessage="Se necesita la Razon Social de la empresa">
										</h:inputText>
										<p:message for="razon" />

										<h:outputText value="Representante Legal" />
										<h:inputText id="representante"
											value="#{personaBM.objPersona.representanteLegal}"
											required="true"
											requiredMessage="Se necesita un representante legal " />
										<p:message for="representante" />
									</h:panelGrid>
								</c:when>
								<c:otherwise>
									<h:panelGrid columns="3" cellspacing="10"
										style="margin:0 auto;">
										<h:outputText value="Tipo Documento de Identidad:" />
										<h:selectOneListbox id="tipodni"
											disabled="#{personaBM.estText}"
											value="#{personaBM.idTipoDocumento}" size="1">
											<f:selectItems
												value="#{personaBM.listaDocumentoIdentidadRegister}" />
											<p:ajax update="numDocIden" process="tipodni" event="change"
												actionListener="#{personaBM.tamañoCaja}" />
										</h:selectOneListbox>
										<p:spacer />

										<h:outputText value="Número de documento Identidad :" />
										<p:inputMask id="numDocIden" disabled="#{personaBM.estText}"
											value="#{personaBM.objPersona.numDocumento}"
											mask="#{personaBM.formatInputMask}" required="true"
											requiredMessage="Digite el número de documento" />
										<p:message for="numDocIden" />

										<h:outputText value=" Nombres:" />
										<h:inputText id="nombrePersona" maxlength="40"
											value="#{personaBM.objPersona.nombrePersona}" required="true"
											requiredMessage="Debe ingresar un nombre" />
										<p:message for="nombrePersona" />

										<h:outputText value=" Apellido Paterno :" />
										<h:inputText id="apellPater" maxlength="40"
											value="#{personaBM.objPersona.apellPater}" required="true"
											requiredMessage="Debe ingresar apellido paterno" />
										<p:message for="apellPater" />

										<h:outputText value=" Apellido Materno :" />
										<h:inputText id="apellMater" maxlength="40"
											value="#{personaBM.objPersona.apellMater}" required="true"
											requiredMessage="Debe ingresar apellido materno" />
										<p:message for="apellMater" />

										<h:outputText value="Sexo :" />
										<h:selectOneListbox id="sexoPer"
											value="#{personaBM.idCboSexo}" size="1">
											<f:selectItems value="#{personaBM.listarSexo}" />
										</h:selectOneListbox>
										<p:spacer />
									</h:panelGrid>
								</c:otherwise>
							</c:choose></td>
						<td width="50%"><h:panelGrid columns="3" cellspacing="10"
								style="margin:0 auto;">
								<h:outputText value=" Dirección :" />
								<h:inputText id="direccion" required="true" size="50"
									requiredMessage="Debe ingresar una dirección"
									value="#{personaBM.objPersona.nombreDireccion}" maxlength="100">
								</h:inputText>
								<p:message for="direccion" />
								<h:outputText id="dptod" value="Departamento" />
								<h:selectOneListbox value="#{personaBM.idDepartamento}" size="1"
									id="ciudad">
									<f:selectItem itemLabel="---Seleccione un Departamento----"
										itemValue="-1" />
									<f:selectItems value="#{personaBM.listDepartamentos}" var="a"
										itemLabel="#{a.id}" itemValue="#{a.descripcion}" />
									<p:ajax update="provincia,distrito" process="ciudad"
										event="change" actionListener="#{personaBM.cambioProvincia}" />
								</h:selectOneListbox>
								<p:spacer />
								<h:outputText id="prov" value="Provincia" />
								<h:selectOneListbox value="#{personaBM.idProvincia}" size="1"
									id="provincia">
									<f:selectItem itemLabel="---Seleccione una Provincia----"
										itemValue="-1" />
									<f:selectItems value="#{personaBM.listProvincia}" />
									<p:ajax update="distrito" process="provincia" event="change"
										actionListener="#{personaBM.cambioDistrito}" />
								</h:selectOneListbox>
								<p:spacer />
								<h:outputText id="dist" value="Distrito" />
								<h:selectOneListbox value="#{personaBM.idDistrito}" size="1"
									id="distrito">
									<f:selectItem itemLabel="---Seleccione un Distrito----"
										itemValue="-1" />
									<f:selectItems value="#{personaBM.listDistrito}" />
								</h:selectOneListbox>
								<p:spacer />
								<h:outputText value="Teléfono Celular:" />
								<p:inputMask id="telefono1" mask="999-999-999"
									value="#{personaBM.objPersona.telefono1}" />
								<p:message for="telefono1" />
								<h:outputText value="Teléfono Fijo:" />
								<p:inputMask id="telefono2" mask="999-9999"
									value="#{personaBM.objPersona.telefono2}" />
								<p:message for="telefono2" />
								<h:outputText value="E-mail :" />
								<h:inputText id="email" value="#{personaBM.objPersona.email}"
									size="34" required="true"
									requiredMessage="Debe ingresar un e-mail">
									<f:validator validatorId="validationEmail" />
								</h:inputText>
								<p:message for="email" />
							</h:panelGrid>
						</td>
					</tr>
				</table>
				<br />



				<br />
				<table width="100%">
					<tr>
						<td width="50%"><h:panelGrid columns="3" cellspacing="10"
								style="margin:0 auto;">
								<h:outputText value="Contraseña antigua: " />
								<p:password id="idContAng" value="#{personaBM.contrAntigua}"
									feedback="false" disabled="true" />
								<p:spacer />
								<h:outputText value="Contraseña nueva: " />
								<h:inputSecret id="idContrNuev" value="#{personaBM.txtPass1}">
									<p:ajax event="keyup" actionListener="#{personaBM.keyUp}"
										process="idContrNuev" update="nivelContra descClaveLeve" />
								</h:inputSecret>
								<h:panelGrid columns="1">
									<h:outputText value="#{personaBM.descClaveLeve}"
										id="descClaveLeve" />
									<h:graphicImage value="/images/botton/#{personaBM.ruta}"
										id="nivelContra" width="154" height="10" />
								</h:panelGrid>
								<h:outputText value="Confirmar nueva contraseña" />
								<h:inputSecret id="idContrNuevConf"
									value="#{personaBM.txtPass2}">
									<p:ajax event="keyup" actionListener="#{personaBM.keyOver}"
										process="idContrNuevConf" update="resultPasswords" />
								</h:inputSecret>
								<h:outputText value="#{personaBM.resultPasswords}"
									id="resultPasswords" />
							</h:panelGrid>
						</td>
						<td width="50%">
							<div align="center">
								<p:commandLink update="msjA"
									action="#{personaBM.modificarDatos}" ajax="false"
									onclick="statusDialogUpdatePers.show();">
									<h:graphicImage value="images/botton/completereg.png"
										style="border:0;width: 120px; height: 50px;"
										title="Completar actualización de datos de la persona" />
								</p:commandLink>
							</div></td>

					</tr>

				</table>

				<br />
			</p:panel>
			<p:growl life="4000" showDetail="true" id="msjRegUs"
				autoUpdate="true" />
		</h:form>

	</ui:define>
</ui:composition>